<template lang="pug">
	.no-item
		div
			img(src="../assets/image/common/icon_none.png")
			.no-item-text {{text}}
			.no-item-button(@click="clickHandle" v-if="button") {{button}}
</template>
<script>
export default {
	name: '',
	data() {
		return {}
	},
	props: ['text', 'button'],
	computed: {},
	created() {},
	mounted() {},
	methods: {
		clickHandle() {
			this.$emit('listenClick')
		}
	},
	watch: {},
	components: {}
}
</script>

<style lang="stylus">
	.no-item
		display flex
		justify-content center
		align-items center
		text-align center
		position absolute
		left 0
		top 0
		bottom 0
		right 0
		min-height 600px
		>div
			margin-top -40px
		img
			margin-left 30px
			width 392px
			height 326px
		.no-item-text
			margin-top 30px
			color grayFontColor88
			font-size 28px
		.no-item-button
			width 250px
			height 70px
			border-radius 46px
			margin 30px auto 0
			mainButton()
</style>
